/* 会员 */
#user-navigator {float:left;width:160px;}
#user-navigator,
#sub-navigator,
#sub-contenter {-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
#user-photo {padding:20px;}
#user-photo .imager {width:120px;height:120px;border-radius:60px;overflow:hidden;}
#user-photo .imager img {width:100%;height:100%;border:none;}
#user-photo .username {margin-top:10px;height:30px;line-height:30px;text-align:center;}
#user-contenter {margin-left:170px;padding-bottom:10px;min-height:900px;}
#user-contentero {padding-bottom:10px;min-height:830px;}
#top-processo{height:180px;width:100%;background:url(../image/index/top-processo.png) no-repeat;}
#top-processt{height:180px;width:100%;background:url(../image/index/top-processt.png) no-repeat;}
#top-processr{height:180px;width:100%;background:url(../image/index/top-processr.png) no-repeat;}
#user-authentication{height:80px;width:1000%;background:url(../image/index/authentication.png) no-repeat;}
#sub-navigator {padding:20px;}
#sub-navigator a {display:block;}
#sub-navigator a:hover {text-decoration:none;}
#sub-navigator h3 a,
#sub-navigator h3 {height:30px;line-height:30px;margin:10px 0 0 0;font-size:16px;}
#sub-navigator h3 {cursor:default;}
#sub-navigator h3:first-child {margin-top:0;}
#sub-navigator h3.active,
#sub-navigator h3.active a,
#sub-navigator h3:hover,
#sub-navigator h3:hover a {color:#f00;}
#sub-navigator .second a {display:block;height:28px;line-height:28px;margin-left:10px;font-size:14px;color:#888;}
#sub-navigator .second a.active,
#sub-navigator .second a:hover {color:#f00;}

.data-title {height:45px;line-height:45px;font-size:18px;border-bottom:3px solid #ccc;}
.data-title .h3 {display:inline-block;height:30px;line-height:30px;margin-top:15px;padding:0 10px;border-bottom:3px solid #f00;}
.data-title.tab .h3 {margin-right:20px;cursor:pointer;border-bottom-color:#ccc;}
.data-title.tab .h3.active a,
.data-title.tab .h3.active,
.data-title.tab .h3:hover a,
.data-title.tab .h3:hover {color:#f00;border-bottom-color:#f00;}
.data-title.tab .h3 a:hover {text-decoration:none;}
.data-content {padding:10px;}

#security-bar {position:relative;height:5px;background-color:#ccc;}
#security-bar .process {height:5px;background-color:#f00;}
#security-bar .process,
#security-bar.level1 .process {width:12px;}
#security-bar.level2 .process {width:50%;}
#security-bar.level3 .process {width:100%;}
#security-bar .easy,
#security-bar .middle,
#security-bar .hard {position:absolute;top:10px;}
#security-bar .easy {left:0;}
#security-bar .middle {left:50%;margin-left:-12px;}
#security-bar .hard {right:0;}

.data-mind {line-height:28px;padding:2px 10px;font-size:12px;color:#999;border:1px solid #f00;}

.gender {border:2px solid #f00;}
.gender .flyer-choise {float:left;width:50%;margin-right:0;border-left:2px solid #f00;}
.gender .flyer-choise:first-child {border-left:none;}
.gender .flyer-choise,
.gender .flyer-choise label {height:26px;line-height:26px;}
.gender .flyer-choise label,
.gender .flyer-choise input[type=radio] + label {padding-left:0;width:100%;text-align:center;background:#fff;border-radius:0;}
.gender .flyer-choise input[type=radio] + label:hover {background:#fff;}
.gender .flyer-choise input[type=radio]:checked:not([disabled]) + label:hover,
.gender .flyer-choise input[type=radio]:checked + label {background:#f00;}

.designs {}
.designs .design-one {display:inline-block;margin-right:10px;margin-bottom:10px;}

.balance-pane {position:relative;display:inline-block;width:280px;margin:70px;padding-top:20px;padding-bottom:40px;line-height:50px;text-align:center;border:3px solid #f00;border-radius:5px;}
.balance-pane p.amount {font-size:38px;color:#f00;}
.balance-pane.red {background-color:#f00;color:#fff;}
.balance-pane.red p.amount {color:#fff;}
.balance-pane .flyer-button {position:absolute;bottom:10px;right:10px;}

.jobs {}
.jobs .job-detail {position:relative;line-height:28px;}
.jobs .job-detail .timer {position:absolute;top:0;left:0;height:100%;width:110px;padding-right:20px;text-align:right;border-right:1px solid #ccc;}
.jobs .job-detail .timer p:first-child {margin-top:24px;}
.jobs .job-detail .describer {padding:10px 0;margin-left:150px;border-top:1px solid #ccc;}
.jobs .job-detail:first-child .describer {border-top:none;}
.jobs .job-detail .describer span {display:inline-block;}
.jobs .job-detail .handler {position:absolute;top:10px;right:10px;display:none;}
.jobs .job-detail .squal-spliter {position:absolute;top:60px;left:125px;font-size:12px;color:#f00;transform:rotate(45deg);z-index:100;}
.jobs .job-detail:hover .handler {display:block;}

.balance-pane,
.gender .flyer-choise {-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}